<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>民族工艺品官网</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="shortcut icon" type="image/x-icon" href="../static/image/logo/logo-1.png">
    <style>
        .container {
            width: 400px;
            margin: 0 auto;
            vertical-align: middle;
            position: relative;
            margin-top: 50px;
        }
        * {
            padding: 0;
            margin: 0;
        }
        .logo {
            float: left;
            height: 7vw;
            margin-left: 20px;
        }
        .logo-title {
            float: left;
            height: 85px;
            line-height: 85px;
            font-family: 仿宋 ;
        }
        .nav {
            width: 100%;
        }
        .nav-bar {
            height: 90px;
            line-height: 75px;
            text-align: center;
        }
        .search {
            width: 70%;
            float: left;
            margin-top: 25px;
        }
        .search-button {
            float: left;
            margin-left: 3px;
            margin-top: 25px;
        }
        .banner {
            width: 100%;
        }
        .container {
            margin-top: 45px;
        }
        .date {
            float: right;
            font-size: 16px;
        }
        .bottom {
            margin-top: 15px;
            margin-bottom: 15px;
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
<!--头部-->
<header>
    <nav class="nav row">
        <div class="col-md-3 nav-bar">
            <img src="../static/image/logo/logo-1.png" alt="logo" class="logo">
            <h4 class="logo-title">民族工艺品</h4>
        </div>
        <div class="col-md-3 nav-bar">
            <ul class="nav nav-pills">
                <li><a href="./index.html" class="nav-title">主页</a></li>
                <li role="presentation" class="dropdown">
                    <a class="dropdown-toggle"  class="nav-title" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                        商城
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="./shop.html">漆器</a></li>
                        <li><a href="">刺绣</a></li>
                        <li><a href="">首饰</a></li>
                    </ul>
                </li>
                <li><a href="./community.html"  class="nav-title">社区</a></li>
                <li><a href="./homepage.html"  class="nav-title">个人中心</a></li>
            </ul>
        </div>
        <div class="col-md-4 nav-bar">
            <input type="text" class="form-control search" placeholder="输入你想搜索的内容......">
            <button class="btn btn-primary search-button" type="submit">搜索</button>
        </div>
    </nav>
</header>
<section>

    <div class="container">

        <form class="form-signin">
            <h2 class="form-signin-heading">请填写注册信息</h2>
            <br>
            <br>
            <label for="inputname" class="sr-only">username</label>
            <input type="name" id="inputname" class="form-control" placeholder="用户名" required autofocus>
            <br>
            <label for="inputEmail" class="sr-only">Email address</label>
            <input type="email" id="inputEmail" class="form-control" placeholder="邮箱地址" required autofocus>
            <br>
            <label for="inputtext" class="sr-only">Email address</label>
            <input type="text" id="inputtext" class="form-control" placeholder="手机号码" required autofocus>
            <br>
            <label for="inputPassword" class="sr-only">Password</label>
            <input type="password" id="inputPassword" class="form-control" placeholder="密码" required>
            <br>
            <label for="inputPasswords" class="sr-only">Enter your password again</label><input type="password" id="inputPasswords" class="form-control" placeholder="确认密码" required<br>
            <br>
            <li style="list-style: none;">
                <a href="sign_in.html">已有账号，立即登录</a>
            </li>
            <br>
            <button class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
        </form>

    </div> <!-- /container -->
</section>
<!--底部-->
<footer class="bottom">
    <span><small>Copyright &copy; 2019 By artbbs.top</small></span>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>